<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>预算管理系统</title>
    <link rel="stylesheet" href="/css/index/index.css">
    <link rel="stylesheet" href="/css/index/zTreeStyle/zTreeStyle.css">
    <link href="/bootstrap/bootstrap.min.css" rel="stylesheet">
    <link href="/css/layout/shcz.css" rel="stylesheet">
    <script type="text/javascript" src="/js/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="/js/ztree/jquery.ztree.core-3.1.js"></script>
    <script type="text/javascript" src="/bootstrap/bootstrap.min.js"></script>
    <script type="text/javascript" src="/js/charts/highcharts.js"></script>
    <script type="text/javascript" src="/js/charts/highcharts-zh_CN.js"></script>
    <script type="text/javascript" src="/js/index/getInitData.js"></script>
    <script type="text/javascript" src="/js/index/Base64.js"></script>
    <script type="text/javascript" src="/js/index/antUtil.js"></script>
    <script type="text/javascript" src="/js/index/menu.js"></script>
    <script type="text/javascript" src="/js/index/index.js"></script>
    <script type="text/javascript" src="/js/index/getInitData.js"></script>
    <script type="text/javascript" src="/js/index/clickFunc.js"></script>

</head>
<body>
    <div class="bg-content">
        <div class="top">
            <div class="top-line">
                <div class="top-text ">
                    <div style="float:left;">
                        <span class="top-more-icon"><img src="/images/index/top-more.png"></span>
                    </div>
                   <div style="float:left;">
                       <span class="sys-title">预算管理系统</span>
                   </div>
                </div>
                <div class="top-text ">
                    <div class="top-col" id="logout">
                        <span class="top-col-span">退出</span>
                    </div>
                    <div class="top-col">
                        <span class="top-col-span"><img src="/images/index/logout.png"></span>
                    </div>
                    <div class="top-col">
                        <span class="top-col-span">切换角色</span>
                    </div>
                    <div class="top-col">
                        <span class="top-col-span"><img src="/images/index/switch.png"></span>
                    </div>

                    <div class="top-col">
                        <span class="top-col-span">修改密码</span>
                    </div>
                    <div class="top-col">
                        <span class="top-col-span"><img src="/images/index/password.png"></span>
                    </div>
                    <div class="top-col">
                        <span class="top-col-span">张海</span>
                    </div>
                    <div class="top-col">
                        <span class="top-col-span"><img src="/images/index/user.png"></span>
                    </div>
                    <div class="top-col">
                        <span class="top-col-span">上海市财政局</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="top-menu">
            <!-- 第一个内容模块 -->
            <div class="module top-menu-left">
                <ul id="firstMenu">
                    <li class="tab-select" data-menu-id="homePage"data-url="www.baidu.com">主页</li>
                    <li class="tab-no-select" data-menu-id="01">编审</li>
                    <li class="tab-no-select" data-menu-id="02">执行</li>
                    <li class="tab-no-select" data-menu-id="03">绩效</li>
                </ul>
            </div>
            <div class="module top-menu-right ">
                <ul>
                    <li><img src="/images/index/out.png"></li>
                    <li><img src="/images/index/help-icon.png"></li>
                    <li><img src="/images/index/chat.png"></li>
                    <li><img src="/images/index/more-icon.png"></li>
                </ul>
            </div>
        </div>
        <div id="main">
            <div class=" left-content " id="left-content">
                <div class="menuTree">
                    <ul id="menuTree" class="ztree"></ul>
                </div>
            </div>
            <div class=" right-content" id="right-content">
                <div class="layoutHtml" id = "layoutHtml"></div>
            </div>

        </div>

    </div>
    <!-- 模态框 -->
    <div class="modal fade" id="myModal">
        <div class="modal-dialog" style="width:800px;height:510px;">
            <div class="modal-content" style="width:100%;height:100%">

                <!-- 模态框头部 -->
                <div class="modal-header">
                    <h4 class="modal-title">详细列表</h4>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>

                <!-- 模态框主体 -->
                <div class="modal-body" style="height:75%">
                    <iframe id="iframeModal" src="" data-interface="" data-layoutId=""   width="100%" height="100%" frameborder="0"></iframe>
                </div>

                <!-- 模态框底部 -->
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                </div>

            </div>
        </div>
    </div>

</body>
</html>